<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui"
	xmlns:c="http://java.sun.com/jsp/jstl/core">

<f:view contentType="text/html">

	<h:head>
		<f:facet name="first">
			<meta content='text/html; charset=UTF-8' http-equiv="Content-Type" />
			<title>Sistema UTI Neonatal</title>
		</f:facet>

		<link type="text/css" rel="stylesheet"
			href="#{request.contextPath}/css/default.css" />
		<link type="text/css" rel="stylesheet"
			href="#{request.contextPath}/css/syntaxhighlighter/syntaxhighlighter.css" />

		<ui:insert name="head"></ui:insert>

		<script type="text/javascript">
			$(function() {
				$('.sidebar a').hover(function() {
					$(this).toggleClass('ui-state-hover');
				})
			});
		</script>

		<style>
.ui-widget,.ui-widget .ui-widget {
	font-size: 12px !important;
}
.ui-dialog {
position:absolute;
}
</style>
	</h:head>

	<h:body style="margin: 0px;">

		<p:layout fullPage="true">

			<p:layoutUnit position="north" size="100" closable="false"
				collapsible="true">
					<h:panelGrid columns="2" cellpadding="5" style="margin-left:40px;">
						<p:graphicImage value="images/logo.png" />
						<p:graphicImage value="images/logoTexto.png" />
					</h:panelGrid>
			</p:layoutUnit>

			<p:layoutUnit position="south" size="20" collapsible="true">
				<center>© 2012 - Desenvolvido por Epitácio Miguel e Rafael
					Vilaça</center>
			</p:layoutUnit>

			<p:layoutUnit id="layoutUnitPri" position="center" resizable="true"
				collapsible="true" effect="drop" size="500">

				<p:dialog visible="true" closable="false" width="620" height="370"
					draggable="false" resizable="true" showEffect="clip"
					position="left center" style="margin-left:30px;margin-top:20px;">
					<p:graphicImage value="images/bb3.jpg" width="600" height="365" />
				</p:dialog>

				<p:dialog header="Login" visible="true" closable="false"
					draggable="false" resizable="true" width="620" height="350"
					showEffect="clip" position="right center"
					style="margin-right:30px;margin-top:20px;">

					<form action="j_spring_security_check" method="post">
						<p:panelGrid columns="2" cellpadding="5" style="width:100%;">

							<h:outputLabel for="j_username" value="Usuário:"
								style="font-weight:bold; font-size:11px" />
							<p:inputText id="j_username" required="true" />

							<h:outputLabel for="j_password" value="Senha:"
								style="font-weight:bold; font-size:11px" />
							<p:password id="j_password" required="true" />

							<f:facet name="footer">
								<h:commandButton value="Entrar" />
								<h:outputText value="Usuário e/ou senha incorretos!"
									rendered="#{param.erro}"
									style="color: darkred; font-weight:bold; font-size: 14px; margin-left: 100px;" />
							</f:facet>
						</p:panelGrid>
					</form>
					<br />
					<p:accordionPanel activeIndex="0">
						<p:tab title="Autoria">
							<h:panelGrid columns="2" cellpadding="3">
								<h:outputText value="Luciana de Medeiros Lima"
									style="font-weight:bold; font-size:11px"></h:outputText>
								<f:verbatim>
									<br />
								</f:verbatim>
								<h:outputText
									value="MESTRANDA DO PROGRAMA DE PÓS-GRADUAÇÃO EM ENFERMAGEM DA UFPB"
									style="font-size:11px"></h:outputText>
								<f:verbatim>
									<br />
								</f:verbatim>
							</h:panelGrid>
						</p:tab>
						<p:tab title="Developed By">
							<h:panelGrid columns="2" cellpadding="3" border="0">
								<h:outputText value="Epitacio Miguel de L."
									style="font-weight:bold; font-size:11px"></h:outputText>
								<h:outputText
									value="Analista de Sistema - UFCG - epitaciom@gmail.com"
									style="font-size:11px"></h:outputText>
								<h:outputText value="Rafael Fraçon Vilaça"
									style="font-weight:bold; font-size:11px"></h:outputText>
								<h:outputText
									value="Analista de Sistema - USP - fracon@gmail.com"
									style="font-size:11px"></h:outputText>
							</h:panelGrid>
						</p:tab>
						<p:tab title="Powered By">
							<h:panelGrid style="margin-left:30%;" border="0">
								<a href="http://www.opensource.org"><img
									src="images/open-source.png" width="50" height="50" /></a>
								<a href="http://www.oracle.com/technetwork/java/index.html"
									style="margin-left: 5px;"><img src="images/java.png"
									width="50" height="50" /></a>
								<a href="http://www.primefaces.org" style="margin-left: 5px;"><img
									src="images/prime.png" width="50" height="50" /></a>
									<a href="http://www.springsource.org/" style="margin-left: 5px;"><img
									src="images/sts.png" width="50" height="50" /></a>
							</h:panelGrid>
						</p:tab>
					</p:accordionPanel>
				</p:dialog>

			</p:layoutUnit>

		</p:layout>

	</h:body>

</f:view>
</html>